<!DOCTYPE html>
<!-- saved from url=(0050)http://getbootstrap.com/examples/starter-template/ -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="shortcut icon" href="">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta charset="utf-8">
<title>Rasende Roboter</title>

<!-- Bootstrap core CSS -->
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet"
	type="text/css" />

<!-- Custom styles for this template -->
<link href="../bootstrap/css/starter-template.css" rel="stylesheet">

<link rel="shortcut icon" href="images/robot_red.png">
</head>
<body style="" onload="init()">


	<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="sr-only"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span> <span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="/">Rasende Roboter</a>
			</div>
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li><a href="/">Home</a></li>
					<li><a href="about.html">About</a></li>
					<li><a href="contact.html">Contact</a></li>
					<li class="active"><a href="rejoindrePartie.html">Rejoindre
							une partie</a></li>
				</ul>
			</div>
			<!--/.nav-collapse -->
		</div>
	</div>

	<div class="container">
		<p class="lead"></p>
		</br>
		<h3 style="margin-top: 2%%">Pour rejoindre une partie renseigne
			ton nom de joueur puis clique sur le nom d'une partie</h3>
		<p class="lead"></p>
	</div>

	<form method="post" action="" id="nouvellePartie" class="form-horizontale">
		<div class="form-group">
			<label for="name2" class="col-sm-2 control-label"
				style="margin-top: 1%; text-align: center"><i
				class="glyphicon glyphicon-user" style="vertical-align: middle"></i></label>
			<div class="col-sm-6" style="margin-top: 1%">
				<input type="text" class="form-control" name="login" id="login"
					autofocus required placeholder="Nom du joueur">
			</div>
		</div>
	</form>
	
	<p class="lead"></p></br></br>

	<div class="row">
		<p class="lead"></p></br>
		<div class="container">
			<h4 class="text-muted"> Liste des parties en cours :</h4>
			<p class="lead"></p>
			<ul class="responsive" id="lesParties" style="padding-left: 0px" />
			</br>
		</div>
	</div>



	<div class="container footer">
		<p class="pull-left">© M2 Miage</p>
		<p class="pull-right">
			<a href="rejoindrePartie.html"><span
				class="glyphicon glyphicon-arrow-up"></span></a>
		</p>
	</div>


	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="/js/jquery-2.0.3.min.js"></script>
	<script src="/socket.io/socket.io.js"></script>
	<script src="js/login.js"></script>
	<script src="../bootstrap/js/bootstrap.min.js"></script>


</body>
</html>